<body>
  <meta charset="utf-8" />
  <title>爱脑行动公益项目
  </title>
  <link rel="shortcut icon" href="https://htmlpage.cn/favicon.png" />
  <link rel="stylesheet" href="./css/mystyle.css" />
  <link rel="stylesheet" href="layui/css/layui.css">
  <meta charset="utf-8" />
  <meta name="viewport" content="width=device-width, initial-scale=1.0" />
  <meta name="description" content="爱脑行动|公益项目" />
  <meta name="keywords" content="爱脑行动,公益项目" />
  <meta name="author" content="Lapus" />
  <title>爱脑行动公益项目
  </title>
  <link rel="shortcut icon" href="https://htmlpage.cn/favicon.png" />
  <link rel="stylesheet" href="./css/plugins.css" />
  <link rel="stylesheet" href="./css/style.css" />
  <div class="content-wrapper">
    <header class="wrapper bg-gray">
      <nav class="navbar navbar-expand-lg center-nav navbar-light navbar-bg-light">
        <div class="container flex-lg-row flex-nowrap align-items-center">
          <!-- <div class="navbar-brand w-100"> -->
          <div>
            <a href="https://mp.weixin.qq.com/s/ki-zoa8VSBIiFUEG9Soxsw"></a>
            <img src="./img/logo.png" class="c20284" />
            <!-- <img src="./img/logo1.png" class="c20284"/>
            <img src="./img/logo2.png" alt="htmlpage.cn" id="iscdt" class="c15097"/> -->
          </div>
          <div class="navbar-collapse offcanvas offcanvas-nav offcanvas-start">
            <div class="offcanvas-header d-lg-none">
              <!-- <h3 class="text-white fs-30 mb-0">HTMLPAGE.CN
              </h3> -->
              <button type="button" data-bs-dismiss="offcanvas" aria-label="Close"
                class="btn-close btn-close-white"></button>
            </div>
            <div class="offcanvas-body ms-lg-auto d-flex flex-column h-100">
              <ul class="navbar-nav">
                <!-- <li class="nav-item">
                  <a href="https://htmlpage.cn" class="nav-link">首页</a>
                </li> -->
                <li class="nav-item dropdown">
                  <a href="#" data-bs-toggle="dropdown" style="margin-left: 200px;"
                    class="nav-link dropdown-toggle">新闻资讯</a>
                  <ul class="dropdown-menu">
                    <!-- <li class="dropdown dropdown-submenu dropend">
                      <a href="#" data-bs-toggle="dropdown" class="dropdown-item dropdown-toggle">用户体验</a>
                      <ul class="dropdown-menu">
                        <li class="nav-item">
                          <a href="./services.html" class="dropdown-item">交互体验设计</a>
                        </li>
                        <li class="nav-item">
                          <a href="./services2.html" class="dropdown-item">体验与用户行为</a>
                        </li>
                      </ul>
                    </li>
                    <li class="dropdown dropdown-submenu dropend">
                      <a href="#" data-bs-toggle="dropdown" class="dropdown-item dropdown-toggle">视觉设计</a>
                      <ul class="dropdown-menu">
                        <li class="nav-item">
                          <a href="./about.html" class="dropdown-item">界面设计</a>
                        </li>
                        <li class="nav-item">
                          <a href="./about2.html" class="dropdown-item">平面设计</a>
                        </li>
                      </ul>
                    </li> -->
                    <li class="nav-item">
                      <a href="https://mp.weixin.qq.com/s?__biz=MzkyNjQyMzAwMQ==&mid=2247483864&idx=1&sn=b3fd5a2166c5f8a841439ecb270e3ad8&chksm=c236c36ef5414a78d6cec236d95e4a5ca6107e37f05699dd4a75b30586d7b1bf67085fa95f44#rd"
                        class="dropdown-item">缪瑞兰副理事长一行参访北京京师</a>
                    </li>
                    <li class="nav-item">
                      <a href="https://mp.weixin.qq.com/s?__biz=MzkyNjQyMzAwMQ==&mid=2247484397&idx=1&sn=2240e86df0ee695bb6985499c9f09bae&chksm=c236c15bf541484dad875fbfc2bc4c12b456f05b629cfef5e5e07a653f0fc75104122297c162&token=1607522696&lang=zh_CN#rd"
                        class="dropdown-item">爱脑行动公益项目走进社区</a>
                    </li>
                    <li class="nav-item">
                      <a href="https://mp.weixin.qq.com/s?__biz=MzkyNjQyMzAwMQ==&mid=2247483864&idx=3&sn=688ed5d86b8c036f92063336ab19c799&chksm=c236c36ef5414a78167b893fb1660259507ae95dd54956bd9a4b0c4448f51268b5fffd3ea54f#rd"
                        class="dropdown-item">我国探索开展老年痴呆特色防治</a>
                    </li>
                  </ul>
                </li>
                <li class="nav-item dropdown">
                  <a href="#" data-bs-toggle="dropdown" style="margin-left: 100px;"
                    class="nav-link dropdown-toggle">知识科普</a>
                  <div class="dropdown-menu dropdown-lg">
                    <div class="dropdown-lg-content">
                      <div>
                        <ul class="list-unstyled">
                          <li>
                            <a href="https://mp.weixin.qq.com/s/7lrGCQWCVgYR2WUyVUu2sw"
                              class="dropdown-item">阿尔兹海默症文章1</a>
                          </li>
                          <li>
                            <a href="https://mp.weixin.qq.com/s/CJ8znDISohZxnCnquVIR2w"
                              class="dropdown-item">阿尔兹海默症文章2</a>
                          </li>
                          <li>
                            <a href="https://mp.weixin.qq.com/s/Jx1nW-7mMBRgcDX4LU8e2Q"
                              class="dropdown-item">阿尔兹海默症文章3</a>
                          </li>
                        </ul>
                      </div>
                      <!-- <div>
                        <h6 class="dropdown-header">交互设计
                        </h6>
                        <ul class="list-unstyled">
                          <li>
                            <a href="./single-project.html" class="dropdown-item">某游戏平台</a>
                          </li>
                          <li>
                            <a href="./single-project2.html" class="dropdown-item">某游戏平台</a>
                          </li>
                        </ul>
                      </div> -->
                    </div>
                  </div>
                </li>
                <li class="nav-item dropdown">
                  <a href="#" data-bs-toggle="dropdown" style="margin-left: 100px;"
                    class="nav-link dropdown-toggle">加入志愿者</a>
                  <ul class="dropdown-menu">
                    <li class="nav-item">
                      <a href="https://www.ainaoxingdong.com/html_img/#/activity" class="dropdown-item">成为志愿者</a>
                    </li>
                    <!-- <li class="nav-item">
                      <a href="./blog2.html" class="dropdown-item">企业文化</a>
                    </li>
                    <li class="dropdown dropdown-submenu dropend">
                      <a href="#" data-bs-toggle="dropdown" class="dropdown-item dropdown-toggle">联系方式</a>
                      <ul class="dropdown-menu">
                        <li class="nav-item">
                          <a href="./blog-post.html" class="dropdown-item">联系电话</a>
                        </li>
                        <li class="nav-item">
                          <a href="./blog-post2.html" class="dropdown-item">电子邮件</a>
                        </li>
                      </ul>
                    </li> -->
                  </ul>
                </li>
              </ul>
              <!-- /.navbar-nav -->
              <div class="offcanvas-footer d-lg-none">
                <div>
                  <a href="mailto:first.last@email.com" class="link-inverse">help@lapus.cn</a>
                  <br /> 00 (123) 456 78 90
                  <br />
                  <nav class="nav social social-white mt-4">
                    <a href="#"><i class="uil uil-twitter">
                      </i></a>
                    <a href="#"><i class="uil uil-facebook-f">
                      </i></a>
                    <a href="#"><i class="uil uil-dribbble">
                      </i></a>
                    <a href="#"><i class="uil uil-instagram">
                      </i></a>
                    <a href="#"><i class="uil uil-youtube">
                      </i></a>
                  </nav>
                  <!-- /.social -->
                </div>
              </div>
              <!-- /.offcanvas-footer -->
            </div>
            <!-- /.offcanvas-body -->
          </div>
          <!-- /.navbar-collapse -->
          <div class="navbar-other w-50 d-flex ms-auto">
            <!-- <ul class="navbar-nav flex-row align-items-center ms-auto">
              <li class="nav-item dropdown language-select text-uppercase">
                <a href="#" role="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="nav-link dropdown-item dropdown-toggle">中文</a>
                <ul class="dropdown-menu">
                  <li class="nav-item">
                    <a href="#" class="dropdown-item">英语</a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="dropdown-item">德语</a>
                  </li>
                  <li class="nav-item">
                    <a href="#" class="dropdown-item">法语</a>
                  </li>
                </ul>
              </li>
              <li class="nav-item d-none d-md-block">
                <a href="#contact_us" class="btn btn-sm btn-primary rounded-pill">联系我们</a>
              </li>
              <li class="nav-item d-lg-none">
                <button class="hamburger offcanvas-nav-btn"><span></span></button>
              </li>
            </ul> -->
          </div>
          <!-- /.navbar-other -->
        </div>
        <!-- /.container -->
      </nav>
      <div class="row gy-6 mb-12">
        <div class="col-md-12">
          <figure class="hover-scale rounded cursor-dark">
            <a href="./img/login-background.jpg"><img src="./img/login-background.jpg" alt="" /></a>
          </figure>
        </div>
        <!-- /column -->
      </div>
      <!-- <img src="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/user-upload-images/1029/login-background.jpg" alt="" id="iz2pki" class="c47578" /> -->
    </header>
    <!-- /header -->
    <section class="wrapper bg-light wrapper-border">
      <div class="container py-6 py-md-0">
        <div class="row">
          <div class="col-lg-10 mx-auto">
            <h1 class="display-4 mb-4">爱脑行动公益项目
            </h1>
            <div class="row gx-0 mb-12">
              <div class="col-md-9 text-justify">
              </div>
              <p id="ipf5ro">
                <span>为贯彻落实《健康中国行动》等文件精神和响应公众的迫切需求，充分发挥社会组织和公益项目在关注失智老人早期筛查，及提升公众对认知症防治意识中的积极作用，中国社会福利基金会推出“爱脑行动”公益项目，依托公益组织的力量调动国内前沿科研机构、社会组织和爱心企业等社会资源，助力提升公众对于认知障碍类疾病的防治知晓率，帮助更多潜在风险人群获得医疗级的认知风险筛查服务，为国家、社会及个人家庭减轻负担。</span>
                <!-- <span id="iezugk" class="c21890">    为贯彻落实《健康中国行动》等文件精神和响应公众的迫切需求，充分发挥社会组织和公益项目在关注失智老人早期筛查，及提升公众对认知症防治意识中的积极作用，<strong id="i3d7oi" class="c21907">中国社会福利基金会</strong>推出<strong id="i5gshu" class="c21934">“爱脑行动”公益项目</strong>，依托公益组织的力量调动国内前沿科研机构、社会组织和爱心企业等社会资源，<span id="idmrhg" class="c21961">助力<strong id="iibxs1" class="c21978">提升公众对于认知障碍类疾病的防治知晓率</strong>，</span></span>
                <span id="idvala" class="c22007"><strong id="ivnbpg" class="c22015"><span id="ihsq9m" class="c22023">帮助更多潜在风险人群获得医疗级的认知风险筛查服务</span></strong></span>
                <span id="ij5oql" class="c22043">，为国家、社会及个人家庭减轻负担。</span> -->
              </p>
              <!--/column -->
              <!--/column -->
            </div>
            <!--/.row -->
          </div>
          <!--/column -->
        </div>
        <!--/.row -->
        <div class="row gy-6 mb-12">
          <div class="col-md-12">
            <video allowfullscreen="allowfullscreen" src="./img/an.mp4" controls="controls" class="c54463">
            </video>
            <figure class="hover-scale rounded cursor-dark">
              <a
                href="https://template-1253409072.cos.ap-guangzhou.myqcloud.com/sandbox/assets/img/photos/pp24@2x.jpg"></a>
            </figure>
          </div>
          <!-- /column -->
          <div class="col-md-6">
            <figure class="hover-scale rounded cursor-dark">
              <a href="./img/res2.jpg"><img src="./img/res2.jpg" alt="" /></a>
            </figure>
          </div>
          <!-- /column -->
          <div class="col-md-6">
            <figure class="hover-scale rounded cursor-dark">
              <a href="./img/res1.jpg"><img src="./img/res1.jpg" alt="" /></a>
            </figure>
          </div>
          <!-- /column -->
        </div>
        <!-- /.row -->
        <div class="row mb-12">
          <div class="col-lg-10 mx-auto">
            <h2 class="display-6 mb-4">筛查工具
            </h2>
            <p id="ihtqy1">
            </p>
            <div id="ilv8ci" class="c53515">
              <font color="#222222" face="仿宋">
                <span
                  id="ix86dj">“爱脑行动”公益项目所采用的数字化筛查技术，累计科研及应用10余年，累计筛查人次超120万，在全国各地均有广泛应用，覆盖各类等级医院200余家、基层社区1000余家。</span>
              </font>
            </div>
            <p>
            </p>
          </div>
          <!--/column -->
        </div>
        <!--/.row -->
        <link rel="stylesheet" href="./css/bootstrap.min.css" />
        <section data-block-type="contents" data-id="8" draggable="true" class="fdb-block">
          <div class="container">
            <div class="row text-left align-items-center">
              <div class="col-10 col-sm-6 m-auto m-lg-0 col-lg-4">
                <img alt="image" src="./img/selection1.png" class="img-fluid" />
              </div>
              <div class="col-12 col-lg-7 pt-4 pt-lg-0">
                <h1 id="ijzs8f">
                  <div id="iojsz6" class="c52012">发起单位
                  </div>
                </h1>
                <p class="text-h3">
                  <strong id="ihc148" class="c51789">中国社会福利基金会</strong>
                  <span id="ioa7yf" class="c52779">是民政部主管的具有4A级资质的全国性公募基金会。为民政部直属社会组织中体量最大的基金会，累积捐赠收入超46亿元。</span>
                </p>
                <div class="row mt-5">
                </div>
              </div>
            </div>
          </div>
          <link rel="stylesheet" href="./css/bootstrap.min.css" />
          <section data-block-type="contents" data-id="8" draggable="true" class="fdb-block">
            <div class="container">
              <div class="row text-left align-items-center">
                <div class="col-10 col-sm-6 m-auto m-lg-0 col-lg-4">
                  <img alt="image" src="./img/selection2.png" class="img-fluid" />
                </div>
                <div class="col-12 col-lg-7 pt-4 pt-lg-0">
                  <h1>科研支持单位
                  </h1>
                  <p class="text-h3">
                    <strong id="i954yu" class="c52761">北京师范大学认知神经科学与学习国家重点实验室</strong>
                    <span id="ihko9k" class="c52779">主要研究人的高级认知功能，建设具有国际一流水平的脑智发育与学习研究平台，具备原始创新能力、国际竞争力和国内外影响力。</span>
                  </p>
                  <div class="row mt-5">
                  </div>
                </div>
              </div>
            </div>
          </section>
        </section>
        <div class="row gy-6">
          <div class="col-md-12">
            <figure class="hover-scale rounded cursor-dark">
              <a href="./img/tools1.png"><img src="./img/tools1.png" alt="" /></a>
            </figure>
          </div>
          <!-- /column -->
          <!-- /column -->
          <div class="col-md-6">
            <figure class="hover-scale rounded cursor-dark">
              <a href="./img/toolsres1.jpg"><img src="./img/toolsres1.jpg" alt="" id="ish0zm" /></a>
            </figure>
          </div>
          <!-- /column -->
          <div class="col-md-6">
            <figure class="hover-scale rounded cursor-dark">
              <a href="./img/toolsres2.jpg"><img src="./img/toolsres2.jpg" alt="" /></a>
            </figure>
          </div>
          <!-- /column -->
        </div>
        <!-- /.row -->
      </div>
      <!-- /.container -->
    </section>
    <!-- /section -->
    <!-- <section class="wrapper bg-light">
      <div class="container py-10">
        <div class="row gx-md-6 gy-3 gy-md-0">
          <div class="col-md-8 align-self-center text-center text-md-start navigation">
            <a href="" class="btn btn-soft-ash rounded-pill btn-icon btn-icon-start mb-0 me-1"><i class="uil uil-arrow-left">
              </i> 前一个</a>
            <a href="" class="btn btn-soft-ash rounded-pill btn-icon btn-icon-end mb-0">后一个 <i class="uil uil-arrow-right">
              </i></a>
          </div>
          <aside class="col-md-4 sidebar text-center text-md-end">
            <div class="dropdown share-dropdown btn-group">
              <button data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false" class="btn btn-red rounded-pill btn-icon btn-icon-start dropdown-toggle mb-0 me-0"><i class="uil uil-share-alt">
                </i> 分享 </button>
              <div class="dropdown-menu">
                <a href="#" class="dropdown-item"><i class="uil uil-twitter">
                  </i>Twitter</a>
                <a href="#" class="dropdown-item"><i class="uil uil-facebook-f">
                  </i>Facebook</a>
                <a href="#" class="dropdown-item"><i class="uil uil-linkedin">
                  </i>Linkedin</a>
              </div>
            </div>
          </aside>
        </div>
      </div>
    </section> -->
    <!-- /section -->
  </div>
  <!-- <div style="margin-top: 20px">
    <div class="layui-container">
      <form class="layui-form" style="width: 60%;margin-top: 20px;">
        <label class="layui-form-label">姓名</label>
        <div class="layui-input-block">
          <input id="userName" type="text" name="title" lay-verify="title" autocomplete="off" placeholder="请输入姓名"
            class="layui-input">
        </div>
        <div class="layui-form-item">
          <div class="layui-input-block">
            <button type="submit" class="layui-btn" lay-submit="" lay-filter="mysubmit">提交</button>
            <button id="reset" type="reset" class="layui-btn layui-btn-primary">重置</button>
          </div>
        </div>
      </form>
    </div>
  </div> -->
  <!-- /.content-wrapper -->
  <footer class="bg-dark text-inverse">
    <div class="container py-13 py-md-15">
      <div class="row gy-6 gy-lg-0">
        <div class="col-md-4 col-lg-3">
          <!-- /.widget -->
        </div>
        <!-- /column -->
        <div class="col-md-4 col-lg-3">
          <div class="widget">
            <h4 class="widget-title text-white mb-3">联系我们
            </h4>
            <address class="pe-xl-15 pe-xxl-17">北京市朝阳区
            </address>
            <!-- <a href="mailto:#">help@lapus.cn</a> -->
            <br /> 010-80932778
          </div>
          <!-- /.widget -->
        </div>
        <!-- /column -->
        <div class="col-md-4 col-lg-3">
          <div class="widget">
            <h4 class="widget-title text-white mb-3">了解更多
            </h4>
            <ul class="list-unstyled mb-0">
              <li>
                <a href="#">关于我们</a>
              </li>
              <li>
                <a href="#">解决方案</a>
              </li>
              <li>
                <a href="#">项目案例</a>
              </li>
              <li>
                <a href="#">隐私条款</a>
              </li>
              <li>
                <a href="#">相关法规</a>
              </li>
            </ul>
          </div>
        </div>
        <!-- <div class="col-md-12 col-lg-3">
          <div class="widget">
            <h4 id="contact_us" class="widget-title text-white mb-3">联系我们
            </h4>
            <p class="mb-5">您可以发送邮件与我们联系
            </p>
            <div class="newsletter-wrapper">
              <div id="mc_embed_signup2">
                <form action="https://elemisfreebies.us20.list-manage.com/subscribe/post?u=aa4947f70a475ce162057838d&id=b49ef47a9a" method="post" id="mc-embedded-subscribe-form2" name="mc-embedded-subscribe-form" target="_blank" novalidate="" class="validate dark-fields">
                  <div id="mc_embed_signup_scroll2">
                    <div class="mc-field-group input-group form-floating">
                      <label for="mce-EMAIL2">邮件地址：help@lapus.cn</label>
                    </div>
                  </div>
                </form>
              </div>
            </div>
          </div>
        </div> -->
      </div>
    </div>
  </footer>
  <div class="progress-wrap">
    <svg width="100%" height="100%" viewBox="-1 -1 102 102" class="progress-circle svg-content">
      <path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98">
      </path>
    </svg>
  </div>
  <script src="./js/plugins.js"></script>
  <script src="./js/theme.js"></script>
  <!-- body 末尾处引入 layui -->
  <script src="layui/layui.js"></script>
  <script src="layui/jquery-3.6.3.min.js"></script>
  <script>
    layui.use(function () {
      var layer = layui.layer
        , form = layui.form
        , laypage = layui.laypage
        , element = layui.element
        , laydate = layui.laydate
        , util = layui.util;
      var form = layui.form;
      form.on('submit(mysubmit)', function (data) {//mysubmit是按钮的名字，就是lay-filter属性。
        $.ajax({
          type: 'Post',
          dataType: "json",
          contentType: 'application/json',
          url: 'http://localhost:8888/userinfo/addUser',
          data: JSON.stringify({
            userName: $("#userName").val(),
          }),
          success: function (res) {
            console.log(res);
            document.getElementById("reset").click();
          },
          error: function (errMsg) {
            //todo
            console.log(errMsg);
          }
        })
        return false;//这个很重要，可以防止页面一闪而过，没有提示信息。
      })
      // //触发事件
      // util.on('test-active', {
      //   'test-form': function () {
      //     layer.msg('Hello World');
      //   }
      // });
    });
  </script>
</body>
<style>
  .layui-form-label {
    width: 200px;
  }

  .layui-input-block {
    margin-left: 230px;
  }
</style>